<template>
  <t-layout-page>
    <t-layout-page-item>
      <t-search
        tips="请输入用户名"
        :searchValue="searchValue"
        :selectValue="selectValue"
        @click="search"
        @change="typeChange"
        :searchCondition="searchCondition"
      ></t-search>
    </t-layout-page-item>
  </t-layout-page>
</template>

<script>
export default {
  data() {
    return {
      searchValue: '', // 查询条件
      selectValue: '0', // 初始化查询条件
      searchCondition: [
        {
          label: '新增待审批',
          value: '0'
        },
        {
          label: '新增已通过',
          value: '1'
        },
        {
          label: '新增已驳回',
          value: '2'
        }
      ]
    }
  },
  methods: {
    search(val) {
      console.log('点击查询按钮', val)
    },
    typeChange(val) {
      this.searchValue = ''
      this.selectValue = val
    }
  }
}
</script>
